<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">


<meta name="description" content="">
<meta name="keywords" content="">
<title>我的练习</title>

<style>

ul li{
	list-style: none; 
	display: block;;
	width: 50px;
	line-height: 30px;
	margin-top: 1px;
	background: red;
	text-align: center;

}
li:hover{
	color: white;
	opacity: 0.6;
}
	
</style>


</head>
<body>
    

	
	<ul>
		<li>0001</li>
		<li>0002</li>
		<li>0003</li>
		<li>0004</li>
		<li>0005</li>
		<li>0006</li>
		<li>0007</li>



	</ul>
	
<script>



for(var i=0; i<7; i++){

	var	li=document.getElementsByTagName('li');
	li[i].inde=i
	
	li[i].onclick=function (){
		var b=this.inde+1
		alert(this.innerHTML+'我是第'+b+'个标签');


		// body...
	}


}



	// <!-- var a=document.getElementById("bn").innerHTML;
	// 	alert(a); -->

// 			function ab(){
// 	alert(999);
//     }

// ab();

// var box=document.getElementById('box');
// box.onmouseenter=function(){

// 	alert(box.innerHTML)
// }

// var str='abcd'

// alert(str.charAt(0));
			
/*
	for(var i=0; i<10 ; i++){
		//alert(this.InnerHTNL)     //'kk'+i);
		console.log(i);
	}
*/
	</script>
</body>
</html>